<template>
	<div id="container">
		<statistics>
			<template #img><img src="../../assets/images/城市.png" alt="" /></template>
			<template #header>合作伙伴</template>
			<template #subhead>Major areas</template>
		</statistics>
		<dv-scroll-board :config="config" class="chart" />
	</div>
</template>
<script>
	import * as echarts from 'echarts';
	import statistics from '@/components/statistics.vue';
	export default {
		props: {
			chartData: {
				default: () => {
					return {};
				},
			},
		},

		components: {
			statistics,
		},
		data() {
			return {
				config: {
					rowNum: 5,
					align: ['center', 'center', 'center'],
					headerBGC: '#0000003F',
					oddRowBGC: '#96D1FF5F',
					evenRowBGC: '#383E4C8F',
					header: ['公司名', '法人'],
					data: [
						['行1列1', '行1列2'],
						['行1列1', '行1列2'],
						['行1列1', '行1列2'],
						['行1列1', '行1列2'],
						['行1列1', '行1列2'],
						['行1列1', '行1列2'],
						['行1列1', '行1列2'],
						['行1列1', '行1列2'],
					],
				},
			};
		},
		computed: {},
		mounted() {},
		methods: {},
	};
</script>
<style scoped>
	#container {
		width: 100%;
		height: 100%;

		.chart {
			width: 80%;
			height: 70%;
			margin: 0 auto;
			margin-left: 0.7rem;
			margin-top: 0.25rem;
		}
	}
	::v-deep .header-item {
		font-size: 0.175rem;
		height: 0.5rem !important;
		line-height: 0.5rem !important;
	}
	::v-deep .dv-scroll-board .rows .row-item {
		font-size: 0.175rem !important;
	}
</style>
